.usercenter-top {
  height: 24%;
  .holder {
    height: 3rem;
  }
  .agent {
    color: #eee;
    margin-left: .5rem;
  }
}

.usercenter-middle {
  height: 62%;
  background-image: url(../img/userCenter/user-kuang.png?v=20181201);
  background-size: contain;
  background-repeat: no-repeat;
}

.usercenter-bottom {
  position: absolute;
  width: 100%;
  height: 10%;
  bottom: 0;
  .bar {
    left: 4%;
    width: 90%;
    bottom: 0;
    position: absolute;
  }
  .back {
    left: 8%;
    width: 2.5rem;
    bottom: 1rem;
    position: absolute;
  }
  .text {
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center;
    line-height: 3.5rem;
    font-size: 1.3rem;
  }
}

.center-view {
  background-image: url(../img/userCenter/user-center-di.png?v=20181201);
  background-size: cover;
}

.user-center-view {
  background-image: url(../img/userCenter/user-center-di.png?v=20181201);
  background-size: cover;
}

.user-center-header {
  width: 5rem;
  border-radius: 50%;
}

.user-center-diamond {
  width: 2rem;
  vertical-align: text-bottom;
  margin-right: .3rem;
}

.ranking-btn {
  width: 90%;
}

.ranking-nav {
  position: relative;
  margin-top: 5%;
  .rank-flash {
    position: absolute;
    height: 3rem;
    z-index: 89;
    top: 0.4rem;
    left: 7rem;
  }
}